//页面加载完毕执行
window.onload = function(){

	class_game._init();

}

function click_box(_this){
	var _class_name = _this.className;
	if(_class_name == 'diglett_up'){
		_this.setAttribute('class','diglett_down');
	}
}

var class_game = {
	_row:5, //行
	_column:5, //列
	_box_width:120, //格子宽高
	_box_height:120,

	_init:function(){
		this._draw();//绘制画布
		this._draw_diglett(); //绘制老鼠
	},

	_draw:function(){
		//生成画布
		for(var x=0;x<this._row;x++){
			for(var y=0;y<this._column;y++){
				var _div = class_base._create('div');
				_div.setAttribute('class','box');
				_div.setAttribute('id',y*this._column+x);
				_div.setAttribute('style','width:'+this._box_width+'px;height:'+this._box_height+'px;top:'+(this._box_height*y)+'px;left:'+(this._box_width*x)+'px;');
				_div.setAttribute('onclick','click_box(this)');

				_div.innerHTML = y*this._column+x+'<br/>'+'['+x+','+y+']';
				class_base._get('game_panel').appendChild(_div);
			}
		}
	},

	_clear:function(){
		for(var x=0;x<this._row;x++){
			for(var y=0;y<this._column;y++){

				var index = y*this._column+x;
				//显示地鼠
				class_base._get(index).setAttribute('class','box');
			}
		}
	},

	_draw_diglett:function(){
		//清除地鼠
		this._clear();

		//随机生成多个老鼠
		var number = Math.floor(Math.random()*5+1);
		for (var i = 1; i < number; i++) {
			//Math.floor 向下取数 Math.random() 0-1之间的一个随机数
			var _diglett_x = Math.floor(Math.random()*this._column);
			var _diglett_y = Math.floor(Math.random()*this._row);
			
			var index = _diglett_y*this._column+_diglett_x;
			//显示地鼠
			class_base._get(index).setAttribute('class','diglett_up');
		}

		//定时
		setTimeout(function(){class_game._draw_diglett()},2000);
	},
	
}

var class_base = {
	_get:function(_id){
		return document.getElementById(_id);
	},
	_create:function(_element){
		return document.createElement(_element);
	}
}